<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    #title1 {
        padding-left: 40px;
        padding-top: 25px;
    }
    .a{
        width: 1500px;
        height: 80px;
        position: fixed;
    }
    .a1 {
        float: left;
        cursor: pointer;/*鼠标悬停时，鼠标箭头会变成一个小手*/
    }
    .a2{
        float: right;
    }
    .a3{
        position: relative;
        top: 30px;
        right: -70px;
    }
    li{
        color: black; /*字体颜色*/
        list-style-type: none; /*标签前面的编号设置为空*/
        width: 100px; /*标签横向的长度*/
        background-color: rgb(195, 248, 244); /*标签底色*/
        float: left; /*列表横向排列*/
        line-height: 40px; /*行的高度，这里不能直接用height，否则无法居中显示*/
        text-align: center; /*居中对齐*/
    }
    li:hover{
        background-color: gray; /*鼠标悬停时，底色变为橘色*/
        cursor: pointer; /*鼠标悬停时，鼠标箭头会变成一个小手*/
    }
</style>

<body>
    <div class="a">
        <div class="a1" id="title1"><img src="img/logo.jpg" title="当当网"></div>
        <div class="a2" id="title2">
            <img class="a3" src="img/icon_count.png">
            <ul>
                <li>尾品汇</li>
                <li>当当优品</li>
                <li>数字馆</li>
                <li>都看阅读</li>
            </ul>
        </div>
</body>

</html>